<template>
  <div class="order floatLeft">
    <span class="tishi colorF bgColorBlack font26">请填写地址</span>
    <span class="tijiao colorF bgColorBlack font26">提交失败</span>
    <div class="jiazai"></div>
    <Hed></Hed>
    <div class="orderNvm floatLeft">
      <div class="orderShopping floatLeft">
        <div class="ordercT floatLeft">
          <span class="orderAddT block font24">产品</span>
        </div>
        <ul
          class="orderShopp floatLeft"
          v-for="(item, index) in allInfo.isCheckArr"
          :key="index"
        >
          <li class="floatLeft">
            <div class="orderShoppImg floatLeft">
              <img
                :src="'https://cdn.bestseller.com.cn' + item.gscMaincolPath"
                class="floatLeft"
              />
            </div>

            <div class="orderShoppR floatLeft">
              <div class="orderShoppR01 floatLeft">
                <span class="orderShoppName floatLeft font24"
                  ><span class="discount1 discountTxt colorF"
                    >{{ item.discount * 10 }}折</span
                  >
                  <span class="orderShoppN">{{ item.goodsName }}</span>
                  <span class="orderShoppNumc"></span
                ></span>
                <span class="orderShoppColor block font22">
                  {{ item.colorAlias }}
                </span>
              </div>
              <div class="orderShoppR02 floatLeft font24">
                <span class="orderShoppSize block">
                  40
                  <!----></span
                >
              </div>
              <div class="orderShoppR02 floatLeft font24">
                <span class="orderShoppSize block" style="margin: 0px;">
                  ￥{{ item.discountPrice }}
                  <del style="color: rgb(204, 204, 204);"
                    >￥{{ item.originalPrice }}</del
                  ></span
                >
              </div>
              <div class="orderShoppR03 floatLeft font24">
                <span class="orderShoppNumber floatLeft"
                  >×{{ item.productNum }}
                  <!----></span
                >
                <span class="orderShoppMoney floatRight"
                  >￥{{ item.productNum * item.discountPrice }}</span
                >
              </div>
            </div>
          </li>
        </ul>
        <ul class="orderShoppM floatLeft" style="display:none">
          <li class="orderShoppMjian orderShoppMjianTit floatLeft">
            正在参加的活动：
          </li>
        </ul>
        <div class="orderAdd floatLeft">
          <span class="orderAddtit floatLeft">配送方式</span>
          <div class="orderAddtitBut floatRight">
            <div class="inlineBlock floatRight">
              <span class="inlineBlock font24">到店自提</span>
            </div>
            <span class="inlineBlock font24 WayRed">邮寄到家</span>
          </div>
          <div class="containArea" style="padding: 0.2rem 1.1rem;">
            <p>您所在的区域部分门店可以[到店自提]，进店提货完成享意外惊喜!</p>
          </div>
          <div class="orderAddX" style="display: block;">
            <span class="floatLeft">请选择地址</span>
            <img
              src="../../assets/images/right.53f3bca.png"
              alt=""
              class="floatRight"
            />
          </div>

          <div class="orderA font24" style="display: none;">
            <span class="add block floatLeft"></span>
            <img
              src="../../assets/images/right.53f3bca.png"
              alt=""
              class="nameI"
            />
            <span class="add block floatLeft AreaCode"></span>
            <span class="add block floatLeft"></span>
            <span class="add block floatLeft"></span>
          </div>
        </div>
        <div
          id="iCenter"
          style="width: 0px; height: 0px; background: red; position: relative;"
          class="amap-container"
        >
          <object
            style="display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; pointer-events: none; z-index: -1;"
            type="text/html"
            data="about:blank"
          ></object>
          <div class="amap-maps">
            <div class="amap-drags">
              <div class="amap-layers"></div>
              <div class="amap-overlays"></div>
            </div>
          </div>
          <div style="display: none;"></div>
          <div class="amap-controls">
            <div
              class="amap-geolocation-con"
              style="position: absolute; z-index: 9999; left: 10px; bottom: 20px;"
            >
              <div class="amap-geo"></div>
            </div>
          </div>
          <a class="amap-logo"></a>
          <div
            class="amap-copyright"
            style="display: none; visibility: visible;"
          >
            <!--v1.4.15-->
            © 2020 AutoNavi <span class="amap-mcode">- GS(2019)6379号</span>
          </div>
        </div>
        <div class="exchangeCoupon floatLeft none">
          <div class="couponTips floatLeft">积分兑换券</div>
          <img
            src="../../assets/images/rightIcon.1ac83d7.png"
            alt=""
            class="orderCouponimg floatRight"
          />
          <div class="goExchange floatRight">去兑换</div>
        </div>
        <!---->
        <div
          class="orderCoupon floatLeft font24"
          style="background: rgb(255, 255, 255);"
        >
          <span class="orderCouponT floatLeft">输入券码</span>
          <img
            src="../../assets/images/right.53f3bca.png"
            alt=""
            class="orderCouponimg floatRight"
          />
          <!---->
          <span class="oninputNum"></span>
        </div>
        <div class="orderCoupon floatLeft font24 block">
          <span class="orderCouponT floatLeft">优惠券</span>
          <img
            src="../../assets/images/rightIcon.1ac83d7.png"
            alt=""
            class="orderCouponimg floatRight"
          />
          <span class="orderCouponTnum floatLeft"
            ><span class="orderCouponum">0张可用</span></span
          >
        </div>
        <div class="orderCoupon orderExpress floatLeft font24 none">
          <span class="orderCouponT floatLeft">快递方式</span>
          <div class="orderExpre floatRight"></div>
        </div>
      </div>
      <div class="orderMoney floatLeft">
        <div class="orderMone floatLeft font24">
          <span class="orderMoneyT">商品总额</span>
          <span class="orderMoneyNum floatRight">
            ￥
            <span id="moneyZ">{{ allInfo.checkPrice }}</span></span
          >
        </div>
        <div class="orderMone floatLeft font24">
          <span class="orderMoneyT floatLeft">运费</span>
          <span class="orderMoneyNum floatRight">
            +￥
            <span id="moneyY">{{ freight }}</span></span
          >
        </div>
        <!---->
        <div class="orderMone floatLeft font24">
          <span class="orderMoneyT floatLeft">折扣</span>
          <span class="orderMoneyNum floatRight">
            -￥
            <span id="moneyK">{{ allInfo.allDiscount }}</span></span
          >
        </div>
        <div class="orderM floatRight font24">
          <span class="orderMT">合计</span>
          <span class="orderMNum">
            ￥
            <span id="moneyH">{{ allInfo.checkPrice + freight }}</span></span
          >
        </div>
      </div>
    </div>
    <div class="orderHuo none">
      <ul></ul>
      <div class="orderHuoBut">
        <span class="font28 floatLeft bgColorBlack colorF">确定</span>
        <span class="font28 floatLeft bgColorBlack colorF">取消</span>
        <p class="floatLeft width100 font24 textCenter none" style="color:red">
          请选择活动券
        </p>
      </div>
    </div>
    <div class="zhao none"></div>
    <div class="orderFotter addWidth">
      <div id="orderFotter" class="font26 bgColorBlack colorF">提交订单</div>
      <!---->
    </div>
    <div class="none"></div>
    <div class="inputTicket" style="display:none">
      <div class="orderCoeAssembOver"></div>
      <input placeholder="请输入券码" class="inpuTicket" type="text" />
      <span class="inpuTicketBut">确定</span>
    </div>
    <!---->
    <!---->
    <div class="orderCoeAssembly orderCoeAssembly02" style="display:none">
      <div class="orderCoeAssembOver"></div>
      <!---->
    </div>
    <div class="orderCoeAssembly" style="display:none">
      <div class="orderCoeAssembOver"></div>
      <div class="orderCoeAssemb">
        <div>
          <div class="couponWn width100 floatLeft block">
            <img src="../../assets/images/conN.58fd3cc.png" class="floatLeft" />
            <span class="floatLeft width100 textCenter font28">暂无优惠劵</span>
          </div>
          <!---->
          <ul class="coupon width100 floatLeft none"></ul>
        </div>
      </div>
    </div>
    <!---->
  </div>
</template>

<script>
import Hed from "../../components/Hed";
import { mapState, mapMutations } from "vuex";
export default {
  data() {
    return {
      freight: 12,
    };
  },
  components: {
    Hed,
  },
  computed: {
    ...mapState({
      goodsList: (state) => state.cart.goodsList,
    }),
    allInfo() {
      return this.$store.getters["cart/allInfo"];
    },
  },
};
</script>

<style lang="scss" scoped>
// @import url(../../assets/css/default.css);
@import url(../../assets/css/order.css);

.orderMoney {
  padding: 20px;
}
.orderShoppN {
  max-width: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.orderShopp,
    .orderShopping,
    .ordercT {
        width: 375px;
    }
</style>
